<div class="control_panel">
  <el-button-group>
    <el-button v-if="isSelectElement" plain size="small" @click="$_playDemo">播放演示</el-button>
    <el-button plain size="small" @click="$_zoomIn">放大</el-button>
    <el-button plain size="small" @click="$_zoomOut">缩小</el-button>
    <el-button plain size="small" @click="$_catData">查看数据</el-button>
    <el-button plain size="small" @click="$_downloadData">下载数据</el-button>
    <el-button plain size="small" @click="import_visible = true">导入数据</el-button>
    <el-button plain size="small" @click="save('root')">导出Excel</el-button>
    <el-dialog v-model="import_visible" :show-close="false">
      <template #header="{ close, titleId, titleClass }">
        <div class="my-header">
          <h4 :id="titleId" :class="titleClass">输入</h4>
          <el-button type="danger" @click="close">
            <el-icon class="el-icon--left">
              <CircleCloseFilled />
            </el-icon>
            Close
          </el-button>
        </div>
      </template>
      <ui-section header="此功能方便导入数据，或者创建软件自带的模板" whole>
        <div style="margin-top: 100px ;margin-left: 20px;">
          <ui-file extensions="json" style="width: 403px;"  ref="fileInput"></ui-file>
          <ui-button type="primary" style="margin-left: 40px;" @confirm="$_uploadData">提交</ui-button>
        </div>
      </ui-section>
      <ui-button type="primary" class="create-template" @confirm="$_uploadData">创建模板</ui-button>
    </el-dialog>
  </el-button-group>
</div>